<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="hotcss" content="max-width=750">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
	<title>中国社区网</title>
	<link rel="stylesheet" href="css/sm.min.css">
    <link rel="stylesheet" href="css/sm-extend.min.css">
    <link rel="stylesheet" href="css/cncnmob0902.css">
    <!-- <script src="js/hotcss.js"></script> -->
</head>
<body class="custome_body">
	<!-- page集合的容器，里面放多个平行的.page，其他.page作为内联页面由路由控制展示 -->
    <div class="page-group">
        <!-- 单个page ,第一个.page默认被展示-->
        <div class="page" id="details">
            <!-- 标题栏 -->
            <header class="bar bar-nav">
                <a class="icon  pull-left icon-left external" href="cncn_index.html"></a>
                <h1 class="title"><img class="header_logo" src="images/logo.png" alt=""></h1>
            </header>
            <div class="content">

                <article class="newsDetails">
                    <header>
                        <h1>成都社区魔法盒子玩耍中学习科学知识成都社区魔法盒子玩耍中学习科学知识</h1>
                        <div class="article_attr"><span>2016-8-30 08:44:35</span><span>来源：京华时报</span></div>
                    </header>
                    <div class="main_text">
                        <img src="images/test02.png" alt="">
                        <p>   “今天耍得真开心，希望桂溪街道以后能为居民提供更多这样的高质量文化活动。”8月19日，在桂溪街道和平社区生活广场举办的首届和一·童耍节现场，精彩的节目汇演、搞怪的小丑先生别具匠心的“丁丁铺”……丰富多彩的活动给现场300余名儿童及其家长带</p>
                        <p>   “今天耍得真开心，希望桂溪街道以后能为居民提供更多这样的高质量文化活动。”8月19日，在桂溪街道和平社区生活广场举办的首届和一·童耍节现场，精彩的节目汇演、搞怪的小丑先生别具匠心的“丁丁铺”……丰富多彩的活动给现场300余名儿童及其家长带</p>
                    </div>
                    <footer>
                        <div class="article_attr article_footer"><span>点赞</span><span>责任编辑：李晨</span></div>
                    </footer>
                </article>

                <div class="share_box">
                     分享到：<i class="iconfont icon-weixin open-vertical-modal"></i>
                             <i class="iconfont icon-pengyouquan open-vertical-modal"></i>
                             <i class="iconfont icon-qqkongjian" ></i>
                             <i class="iconfont icon-qietu10"></i>
                             <i class="iconfont icon-qq"></i>
                </div>
                <div class="listWrap custome_css">

                    <div class="list-block media-list">
                       <div class="custome_singline_title"> 精彩推荐 </div>
                       <ul>
                             <li>
                               <a href="#" class="item-link item-content">
                                 <div class="item-media"><img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"></div>
                                 <div class="item-inner">

                                   <!-- <div class="item-subtitle">标题</div> -->
                                   <div class="item-text">此处是文本内容此处是文此处是文本内容此处是文此处是文本内容此处是文此处是文本内容此处是文</div>
                                   <div class="item-title-row">
                                     <div class="item-title"><i class="iconfont icon-ipinglun">12</i><i class="iconfont icon-custom-praise">86</i></div>
                                     <div class="item-after">2016-09-20</div>
                                   </div>
                                 </div>
                               </a>
                             </li>
                            <li>
                               <a href="#" class="item-link item-content">
                                 <!-- <div class="item-media"><img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"></div> -->
                                 <div class="item-inner">

                                   <!-- <div class="item-subtitle">标题</div> -->
                                   <div class="item-text">此处是文本内容此处是文本是文本内容此处是文本内容</div>
                                   <div class="item-title-row">
                                     <div class="item-title">评论xx赞xx</div>
                                     <div class="item-after">2016-09-20</div>
                                   </div>
                                 </div>
                               </a>
                             </li>
                             <li>
                               <a href="#" class="item-link item-content">
                                 <div class="item-media"><img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"></div>
                                 <div class="item-inner">

                                   <!-- <div class="item-subtitle">标题</div> -->
                                   <div class="item-text">此处是文本内容此处是文此处是文本内容此处是文此处是文本内容此处是文此处是文本内容此处是文</div>
                                   <div class="item-title-row">
                                     <div class="item-title">评论xx赞xx</div>
                                     <div class="item-after">2016-09-20</div>
                                   </div>
                                 </div>
                               </a>
                             </li>
                            <li>
                               <a href="#" class="item-link item-content">
                                 <!-- <div class="item-media"><img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg"></div> -->
                                 <div class="item-inner">

                                   <!-- <div class="item-subtitle">标题</div> -->
                                   <div class="item-text">此处是文本内容此处是文本是文本内容此处是文本内容</div>
                                   <div class="item-title-row">
                                     <div class="item-title">评论xx赞xx</div>
                                     <div class="item-after">2016-09-20</div>
                                   </div>
                                 </div>
                               </a>
                             </li>
                       </ul>
                     </div>
                 </div>
            </div>

        </div>
        <!-- 其他的单个page内联页（如果有） -->
    </div>

    <!-- popup, panel 等放在这里 -->
    <div class="panel-overlay"></div>
    <!-- Left Panel with Reveal effect -->
    <div class="panel panel-left panel-reveal">
        <div class="content-block">
            <p>这是一个侧栏</p>
            <p></p>
            <!-- Click on link with "close-panel" class will close panel -->
            <p><a href="#" class="close-panel">关闭</a></p>
        </div>
    </div>
	<script src="js/zepto.min.js"></script>
  <script src="js/sm.min.js"></script>
    <!-- <script src="js/sm-extend.min.js"></script> -->
	<script src="js/cncnmob0902-2.js"></script>
</body>
</html>
